Add or remove data using jQuery

Question

Aryan Kumar · Answer

Certainly! jQuery provides methods to add or remove data to/from elements. Let's use the
data() method to add and remove data from an element. Here's an example:
andlt;!DOCTYPE html>
andlt;html lang="en">
andlt;head>
  andlt;meta charset="UTF-8">
  andlt;meta name="viewport" content="width=device-width, initial-scale=1.0">
  andlt;title>Add or Remove Data with jQueryandlt;/title>
  andlt;script src="https://code.jquery.com/jquery-3.6.4.min.js">andlt;/script>
andlt;/head>
andlt;body>
  andlt;div id="myDiv">This is a div element.andlt;/div>
  andlt;script>
    $(document).ready(function(){
      // Adding data to the element
      $("#myDiv").data("key", "This is some additional data.");
      // Getting and displaying the added data
      var addedData = $("#myDiv").data("key");
      console.log("Added Data:", addedData);
      // Removing the added data
      $("#myDiv").removeData("key");
      // Attempting to get the removed data (will be undefined)
      var removedData = $("#myDiv").data("key");
      console.log("Removed Data:", removedData);
    });
  andlt;/script>
andlt;/body>
andlt;/html>
In this example:
The data() method is used to add data with a specific key to the element with the ID "myDiv."The added data is then retrieved and displayed in the console.The removeData() method is used to remove the data associated with the specified key.An attempt is made to get the removed data, and it will be undefined.
Feel free to adapt this example based on your specific requirements and the type of element you are working with.

forum

Add or remove data using jQuery

Ethan Karla

Can you answer this question?

1 Answers

Liked By